.hidden-search-widget {
  height: 100%;
  background-color: #785cf4;
  position: relative;
  .hsw-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: end;
    overflow: hidden;
    transition: width 0.3s;
    input {
      outline: none;
      width: 200px;
      height: 100%;
      padding: 0 20px;
      border: none;
      border-radius: 18px 0 0 18px;
    }
    img {
      cursor: pointer;
      background-color: #fff;
      width: 36px;
      height: 100%;
    }
  }
}

.active {
  width: 256px !important;
}
